<template>
    <Table color="light">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>

    <Table color="dark">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>

    <Table color="primary">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>

    <Table color="secondary">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>

    <Table color="info">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>

    <Table color="success">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>

    <Table color="warning">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>

    <Table color="danger">
        <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">#</th>
                <td>Alex</td>
                <td>Grozav</td>
                <td>@alexgrozav</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>John</td>
                <td>Doe</td>
                <td>@johndoe</td>
            </tr>
            <tr>
                <th scope="row">#</th>
                <td>Alice</td>
                <td>Doe</td>
                <td>@alicecooper</td>
            </tr>
        </tbody>
    </Table>
</template>
